





<div class="col-sm-12 mt20" ng-keyup="myKeyup($event)">
<div class="panel panel-default">
<div class="panel-body">
<div class="col-sm-12">

    <div class="row ">
        <div class="col-sm-2">
            <input type="text" class="form-control"  ng-model="product_id" placeholder="产品编号"> 
        </div>
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="order_code" placeholder="订单编号">
        </div>
        <div class="col-sm-2">
            <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="date.lable" is-open="start.opened" readonly ng-click="open(start)" placeholder="出发团期开始时间"/>
        </div>
       <div class="col-sm-2">
            <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="date1.lable" is-open="end.opened" readonly ng-click="open(end)" placeholder="出发团期结束时间"/>
        </div>
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="start_city_arr" placeholder="出发城市"> 
        </div>
      
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="product_name" placeholder="产品名称"> 
        </div>
         
       
     </div>
        
         
    

    <div class="row mt10">
        <div class="col-sm-2">
            
        </div>
        <div class="col-sm-2">
          
        </div>
        <div class="col-sm-2">
        
             
        </div>
        <div class="col-sm-2">
           
        </div>

        <div class="col-sm-2 col-sm-offset-2">
            <button class="btn btn-block btn-info" ng-click="search()">搜索</button> 
        </div>

    </div>

</div>
</div>
</div>
<!-- searchArea -->

<div class="panel panel-default">
    <div class="panel-body">
        <table class="table table-condensed table-hover table-bordered">
            <thead>
                <tr>
     
                    <th class="col-md-1 text-center">订单编号</th>
                    <th class="col-md-1 text-center">产品名称/产品编号</th>
                    <th class="col-md-1 text-center">产品类型</th>
                    <th class="col-md-1 text-center"style="padding-left:0px;padding-right:0px">团期(出/回)</th>
                    <th class="col-md-1 text-center">出游人数</th>
                    <th class="col-md-1 text-center">总金额</th>
                    <th class="col-md-1 text-center">出发地</th>
                    <th class="col-md-1 text-center">备注</th>
                    <th class="col-md-1 text-center">操作</th>
                  
                   

                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="info in a">
                    <td class="text-center" style="vertical-align: middle">{{info.order_code}}</td>
                    <td class="text-center" style="vertical-align: middle"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.order_name}}">{{info.order_name}}</div><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.product_id}}">{{info.product_id}}</div></td>
                    <td class="text-center" style="vertical-align: middle">{{info.product_type_name}}</td>
                    <td class="text-center" style="vertical-align: middle"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;padding-left: 0px;padding-right:0px " title="{{info.tour_date}}">{{info.tour_date}}</div><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;padding-left: 0px;padding-right:0px" title="{{info.back_tour_date}}">{{info.back_tour_date}}</div></td>
                    <td class="text-center" style="vertical-align: middle">{{info.people_num}}</td>
                    <td class="text-center" style="vertical-align: middle">{{info.money}}</td>
                    <td class="text-center" style="vertical-align: middle">{{info.start_city_arr}}</td>
                    <td class="text-center" style="vertical-align: middle">{{info.order_remark}}</td>
       
                  
                    <td class="text-center" style="vertical-align: middle">
                        <button type="button" style="vertical-align: middle" class="btn btn-info btn-xs" ng-click="toinfo($index)">详情</button>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="text-right">
            <pagination 
        total-items="totalItems" 
        ng-model="currentPage" 
        ng-change="pageChanged()"
        previous-text="上一页" 
        next-text="下一页" 
        first-text="首页" 
        last-text="尾页" 
        max-size="5" 
        boundary-links="true"
        rotate="false"
        
        items-per-page="itemsPerPage"
        class="m-t-none m-b"></pagination>
        </div>
    </div>
</div>

</div>
